.system-help{
  &>h1{
    margin-top: var(--rem-30);
    width: 100%;
    height: var(--rem-30);
    text-align: left;
    margin-bottom: var(--rem-20);
    font-size: var(--rem-24);
    color: var(--z-font-anti);
  }
  .system-help__warpper{
    display: flex;
    justify-content: space-between;
    .system-help__left{
      width: var(--rem-220);
      height: var(--rem-500);
      margin-right: var(--rem-10);
      margin-left: var(--rem-5);
      background-color: var(--z-bg-card);
      padding: var(--rem-30) var(--rem-10);
      border-radius: var(--rem-20);
      li{
        height: var(--rem-40);
        line-height: var(--rem-40);
        text-align: left;
        box-sizing: border-box;
        padding-left: var(--rem-15);
        cursor: pointer;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        &:hover,
        &.active{
          background-color: var(--z-bg-def);
          border-radius: var(--rem-15);
          color: var(--z-font-anti);
        }
      }
    }
    .system-help__right{
      background-color: var(--z-bg-card);
      width: 100%;
      height: 800rem;
      overflow-x: hidden;
      overflow-y: auto;
      border-radius: var(--rem-20);
      box-sizing: border-box;
      padding: var(--rem-40);
      h1{
        font-size: var(--rem-24);
        text-align: left;
        color: var(--z-font-anti);
        margin-bottom: var(--rem-30);
      }
    }
  }
  .tableInfo{
    margin: var(--rem-30) auto;
    .tableHeader{
      display: flex;
      align-items: center;
      justify-content: center;
      &>div{
        background: #7c8590;
        color: #fff;
        border: 1px solid #dcdcdc;
        font-size: 18rem;
        width: 150rem;
        word-wrap: break-word;
        height: 60rem;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
    .tableTr{
      display: flex;
      align-items: center;
      justify-content: center;
      &>div{
        border: 1px solid #dcdcdc;
        font-size: 18rem;
        width: 150rem;
        word-wrap: break-word;
        height: 60rem;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
    &.tabletwo{
      .tableTr,
      .tableHeader{
        &>div{
          width: 200rem;
          height: 60rem;
        }
      }
    }
  }
}
